<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>保密承诺书（指派）</title>
    <style>
        body {
            font-family: "SimSun", serif;
            font-size: 14pt; 
            line-height: 1.5;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            margin: 0;
        }

        .a4-container {
            width: 210mm;
            min-height: 297mm;
            padding: 25.4mm 31.8mm;
            background-color: #fff;
            border-radius: 8px;
            position: relative;
            box-sizing: border-box;
        }

        .title {
            font-size: 16pt; 
            font-weight: bold;
            text-align: center;
            color: #000;
            margin-bottom: 24pt;
            line-height: 1.5;
        }

        .content-text {
            color: #000;
            line-height: 1.5;
            margin-bottom: 12pt;
            text-indent: 2em;
            text-align: justify;
        }

        .rule-list {
            list-style-type: none;
            padding-left: 0;
            color: #000;
            line-height: 1.5;
            margin-bottom: 24pt;
        }

        .rule-list li {
            counter-increment: item;
            margin-bottom: 12pt;
            text-indent: 2em;
            text-align: justify;
        }

        .rule-list li:before {
            content: counter(item) "、";
            font-weight: bold;
        }

        .rule-list ol {
            list-style-type: none;
            padding-left: 20pt;
        }

        .rule-list ol li {
            counter-increment: subitem;
        }

        .rule-list ol li:before {
            content: counter(item) "." counter(subitem) " ";
        }

        .editable {
            border-bottom: 1px solid #000;
            outline: none;
            display: inline-block;
            min-width: 3em;
            text-align: center;
            text-indent: 0em;
        }

        .print-button {
            position: fixed;
            top: 50%;
            right: 20px;
            transform: translateY(-50%);
            padding: 10px 20px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
            font-family: "SimSun", serif;
        }

        .print-button:hover {
            background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        }

        .signature-area {
            display: flex;
            justify-content: flex-end;
            margin-top: 48pt;
            margin-right: 100px;
        }

        .signature-item {
            text-align: left;
            line-height: 1.5;
        }

        @media print {
            body {
                background-color: transparent;
            }

            .a4-container {
                box-shadow: none;
                border-radius: 0;
                width: 210mm;
                min-height: 297mm;
                margin: 0;
                padding: 25.4mm 31.8mm;
                page-break-after: avoid;
            }

            .print-button {
                display: none;
            }
        }
    </style>
</head>

<body>
    <div class="a4-container">
        <h1 class="title">个人保密承诺书</h1>
        <p class="content-text">鉴于本人（承诺人）接受<span class="editable" contenteditable="true" data-default="XX单位">XX单位</span>指派，为<span class="editable" contenteditable="true" data-default="XX公司">XX公司</span>（以下简称"甲方"）提供服务并履行职务，已经（或将要）接触甲方的内部资料。为明确保密责任，有效保护甲方内部资料，防止信息不当披露或泄露，本人就服务期间及服务终止后的保密义务，郑重承诺如下：</p>
        
        <ol class="rule-list">
            <li><strong>保密义务：</strong>本人承诺严格遵守甲方制定的保密制度，履行与工作岗位相应的保密职责。对甲方的内部资料（包括但不限于经营信息、技术信息、财务信息、客户信息、管理信息及其他未公开信息）予以严格保密。</li>
            
            <li><strong>审慎义务：</strong>对甲方保密制度未明确规定的情形，本人将秉持审慎原则，采取合理措施保护在工作期间知悉或持有的、属于甲方或甲方负有保密义务的第三方信息。</li>
            
            <li><strong>信息披露限制：</strong>除为履行职务需要外，未经甲方书面许可，本人不以任何方式（包括但不限于披露、传播、发表、转让等）向任何第三方（包括甲方无关人员）透露内部资料，也不在非职务范围内使用该等信息。</li>
            
            <li><strong>后合同义务：</strong>无论因何原因终止服务，本人仍对服务期间接触的内部资料承担与在职期间相同的保密义务，该义务持续至相关信息依法公开之日止。</li>
            
            <li><strong>知识产权：</strong>本人因职务需要接触的、以任何形式体现的甲方技术成果、经营成果及其他智力成果（包括但不限于发明、程序、设计、数据、模型等），其全部知识产权归甲方所有。</li>
            
            <li><strong>资料返还：</strong>服务终止时或应甲方要求，本人应立即返还全部内部资料载体（包括原件、复制件及衍生载体），不得擅自保留或转交他人。</li>
            
            <li><strong>违约责任：</strong>如违反本承诺书，在职期间接受甲方处分；已离职的，应向甲方支付违约金人民币<span class="editable" contenteditable="true" data-default="XX">XX</span>万元。</li>
            
            <li><strong>损害赔偿责任：</strong>如违约行为造成甲方损失，除支付违约金外，还应赔偿全部损失，包括：
                <ol type="1">
                    <li>甲方实际经济损失；</li>
                    <li>如损失难以计算，以本人获利或甲方信息许可费的合理倍数为准；</li>
                    <li>甲方维权合理支出（包括诉讼费、律师费、鉴定费等）。</li>
                </ol>
            </li>
            
            <li><strong>争议解决：</strong>因本承诺书产生的争议，由甲方所在地有管辖权的人民法院管辖。</li>
            
            <li><strong>生效条款：</strong>本承诺书自本人签署之日起生效。</li>
        </ol>
        
        <div class="signature-area">
            <div class="signature-item">
                <p>承诺人（签字）：&nbsp;&nbsp;&nbsp;&nbsp;</p>
                <p style="height: 20pt; margin-top: 20pt;"></p>
                <p>年&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;日</p>
            </div>
        </div>
    </div>
    <button class="print-button" onclick="window.print()">打印</button>
    <script>
        const currentDate = new Date();
        const year = currentDate.getFullYear();
        const month = String(currentDate.getMonth() + 1).padStart(2, '0');
        const day = String(currentDate.getDate()).padStart(2, '0');
        const currentDateStr = `${year}年${month}月${day}日`;
        
        document.addEventListener('DOMContentLoaded', function() {
            const editableElements = document.querySelectorAll('.editable');
            
            editableElements.forEach(element => {
                // 设置默认值
                if(element.dataset.default && !element.textContent.trim()) {
                    element.textContent = element.dataset.default;
                }
                
                // 聚焦事件
                element.addEventListener('focus', function() {
                    if(this.textContent === this.dataset.default) {
                        this.textContent = '';
                    }
                });
                
                // 失焦事件
                element.addEventListener('blur', function() {
                    if(!this.textContent.trim()) {
                        this.textContent = this.dataset.default || '';
                    }
                });
                
                // 同步修改
                element.addEventListener('input', function() {
                    const defaultVal = this.dataset.default;
                    if(defaultVal) {
                        const allSameElements = document.querySelectorAll(`.editable[data-default="${defaultVal}"]`);
                        allSameElements.forEach(sameElement => {
                            if(sameElement !== this) {
                                sameElement.textContent = this.textContent;
                            }
                        });
                    }
                });
            });
        });
    </script>
</body>

</html>